<template>
	<view class="success">
		<image src="../../static/my-icons/success.png"></image>
		<text class="one">恭喜你注册成功</text>
		<text class="two">你的轩聊号为:</text>
		<up-copy :content="account">
			<text class="three">{{account}}</text>
		</up-copy>
		<text style="color: #77c9ff;">长按账号复制</text>
	</view>
</template>

<script>
	export default {
		name:"register-success",
		props: ['account'],
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.success{
	display: flex;
	flex-direction: column;
	align-items: center;
	image{
		width: 150rpx;
		height: 150rpx;
	}
	text{
		padding: 50rpx;
		font-weight: bold;
	}
	.one{
		color: rgba(65, 254, 179, 0.8);
		font-size: 50rpx;
	}
	.two{
		color: rgba(14, 130, 246, 1);
		font-size: 40rpx;
	}
	.three{
		color: rgba(38, 238, 244, 1);
		font-size: 40rpx;
	}
}
</style>